<!DOCTYPE html>
<html>
<head>
    <title>CSS三种样式示例</title>
    <!-- 内部样式表 -->
    <style>
        .internal {
            color: green;
        }
    </style>
    <!-- 引入外部样式表 -->
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <!-- 使用外部样式表 -->
    <p class="external">这是一个段落，使用外部样式表定义颜色。</p>
    <!-- 使用内部样式表 -->
    <p class="internal">这是一个段落，使用内部样式表定义颜色。</p>
    <!-- 使用内联样式 -->
    <p class="words" style="color: red;">这是一个段落，使用内联样式定义颜色。</p>
</body>
</html>
